<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@include file="/common/taglibs.jsp" %>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" class="gr__passport_ustc_edu_cn">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">


	<!--[if lte IE 7]>
	<link rel="stylesheet" type="text/css" href="css/ie7.css" />
	<script src="./js/json2.js"></script>
	<![endif]-->
	<!--[if IE 8]>
	<link rel="stylesheet" type="text/css" href="css/ie8.css" />
	<![endif]-->
	<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="css/ie.css" />
	<![endif]-->
	<!--ie 10 && 11 placeholder-->
	<style>
		@media all and (-ms-high-contrast:none)
		{
			.hide { color:#757575; } /* IE10 */
			*::-ms-backdrop, .hide { color:#757575; } /* IE11 */
		}
	</style>
	<title><spring:message code="sysinfo"/></title>
	<meta name="keywords" content="调问开源问卷表单,DWSurvey，调查问卷，问卷调查系统，调查问卷设计，调查问卷格式，大学生问卷，在线问卷，表单系统" />
	<meta name="description" content="调问问卷表单－开源且专业的调研系统" />


	<script type="text/javascript" src="${ctx }/js/plugs/jquery-ui-1.10.3.custom/js/jquery-1.10.1.js"></script>
	<script type="text/javascript" src="${ctx }/js/dw/responsive-width.js"></script>
	<script type="text/javascript" src="${ctx }/js/plugs/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>
	<script src="${ctx}/js/plugs/jquery/jquery.cookie.js" type="text/javascript"></script>
	<script src="${ctx}/js/plugs/validate/jquery.validate.js" type="text/javascript"></script>
	<script src="${ctx}/js/plugs/validate/messages_cn.js" type="text/javascript"></script>
	<script src="${ctx }/js/plugs/validate/jquery.metadata.js" type="text/javascript"></script>
	 
	 <!--JS/CSS 追加随机数,避免缓存  -->
	 <script>
		document.write('<link href="css/ucas.css?v='+1560501402000+'" rel="stylesheet" type="text/css"/>');
		document.write("<s"+"cript type='text/javascript' src='js/ucas.js?v=?"+1560384672000+"'></scr"+"ipt>");
	</script>
	<script type="text/javascript">
        $(document).ready(function(){

            var loginFormValidate=$("#loginForm").validate({
                rules:{
                    username:{required:true,email:true,minlength:3,maxlength:60},
                    //email:{required:true,email:true,maxlength:60},
                    password:{required:true,minlength:6,maxlength:40}
                },
                messages: {
                    username: {
                        minlength:"不能少于3个字符！",
                        maxlength:"不能超过60个字符！",
                        email: "邮箱格式不正确！",
                        required: "登录名不能为空！"
                    },
                    password:{
                        required: "密码不能为空！"
                    }
                },
                errorPlacement: function(error, element) {
                    //error.appendTo(element.parent().parent());
                    element.parent().append(error);
                    //	$(element).css("borderColor","#C40000");
                }
            });

            var ckCodeError=$.cookie("registerError");
            if(ckCodeError!=null && ckCodeError=="0"){
                $("#register-error").text("验证码不正确!");
                $.removeCookie('registerError',{path:'/'});
            }

        });

	</script>

</head>
<body class="no-margin center" data-gr-c-s-loaded="true">
<div class="body-cell">
	<div class="box center">
		 <div class="qrcode" style="cursor: pointer; display: block;">
			<img src="/images/qrcode.png">
		</div> 
		<div class="input_login" id="login-error" style="cursor: pointer; display: none;">
			     &nbsp;
				<c:choose>
					<c:when test="${fn:endsWith(shiroLoginFailure,'IncorrectCredentialsException')}">
						用户名或密码不正确
					</c:when>
					<c:when test="${fn:endsWith(shiroLoginFailure,'UnknownAccountException')}">
						用户名或密码不正确
					</c:when>
					<c:when  test="${fn:endsWith(shiroLoginFailure,'ExcessiveAttemptsException')}">
						${username }密码错误超过3次，请与管理员联系
					</c:when>
				</c:choose>
		</div>
		<div class="card" style="display: table-cell;">
		<p id="scanTitle" style="font-size: 20px; display: none;">微信扫码登录</p>
			<div id="header" style="display: block;">
			<input type="hidden" value="https://passport.ustc.edu.cn/" id="basePath">
				<h1 class="header-logo">
					<img id="header-img"  src="/images/newlogo.png">
				</h1>
				<div class="header-des" id="login-error">

						<c:choose>
						<c:when test="${fn:endsWith(shiroLoginFailure,'IncorrectCredentialsException')}">
						用户名或密码不正确
						</c:when>
						<c:when test="${fn:endsWith(shiroLoginFailure,'UnknownAccountException')}">
						用户名或密码不正确
						</c:when>
						<c:when  test="${fn:endsWith(shiroLoginFailure,'ExcessiveAttemptsException')}">
							${username }密码错误超过3次，请与管理员联系
						</c:when>
						</c:choose>
				<div>
			</div>

<div id="divQrCode" style="position: relative; height: 200px; display: none;">
	<div id="qrCode" style="position: absolute; left: 105px;width: 200px;">
		<img src="%0A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" id="QrCodeImg" style="margin-top: 0px;">
	</div>
	<div id="model" style="display: none; right: 35px; position: absolute; right: 0;">
		<img style="margin-top: 10px;width: 140px;" src="/images/model.png" id="ModelImg">
	</div>
</div>

<form class="loginForm form-style" style="height: 200px; display: block;" method="post" action="${ctx }/login.jsp" accept-charset="UTF-8">

	<!-- 账户 -->
	<div class="group" title="请输入用户名">
		<input id="username" class="input-box" name="username" type="text" size="30" placeholder="请输入用户名" value="" onfocus="this.placeholder=&#39;用户名为邮箱格式&#39;" onblur="this.placeholder=&#39;请输入用户名&#39;" required="">
		<span class="bar"></span>
	</div>

	<!-- 密码 -->
	<div class="group" id="pd" title="请输入密码”">
		<input type="password" id="password" class="input-box" name="password" size="30" value="" placeholder="请输入密码" onfocus="this.placeholder=&#39;&#39;" onblur="this.placeholder=&#39;字母、数字或者英文符号，最短6位，区分大小写&#39;" mark="password" required="">
		<span class="bar"></span>
	</div>

	<div class="bottom-box">
		<select id="selector" title="locale" onchange="changeLang()" class="bottom-box-selector" style="height: 20px;line-height: 20px;padding: 0px 0;font-size: 10px">
			<option id="zh" value="zh" selected="selected">中文</option>
			<option id="en" value="en">English</option>
		</select>
		

		<button id="login" type="submit" onclick="return check();" name="button" class="btn ripple bottom-box-button-area-1">登录</button>
	</div>
</form>
					<!--display the contacts & copyright in footer-->
					<div></div><div id="footer" class="footer" style="display: block;">
					   <table>
						   <tr>
							   <td>
								   <span id="phone" class="inline-block">电话：<a href="tel:010-62568532">010-62568532</a>&nbsp;&nbsp;</span>
								   <span id="email" class="inline-block">&nbsp;&nbsp;邮箱：<a href="mailto:info@acbsp.cn">info@acbsp.cn</a></span>
								   <span id="copyright" class="inline-block">京ICP备17022737号-2  Powered by <a href="http://www.accreditation.com" style="text-decoration: none;color: gray;">ACBSP China</a></span>
							   </td>
							   <td>
								   <img src="images/qrcode1.png">
							   </td>
						   </tr>

						</table>
				    </div>
				</div>
			</div>
		</div>
	</div>
</div>
	</body></html>